<template>
  <div class="update">
    <div class="update-top">
      <Icon class="close-line"
            icon="close-line"
            @click="goBack" />
      <span class="update-title">故障上报</span>
    </div>
  </div>
</template>

<script lang="ts">
import Icon from '/@/components/Icon/Icon.vue'
import { useRouter } from 'vue-router'
export default {
  components: {
    Icon,
  },
  setup() {
    const router = useRouter()
    const goBack = () => {
      router.back()
    }
    return { goBack }
  },
}
</script>

<style lang="less" scoped>
.update {
  width: 100%;
  height: 100vh;
  .update-top {
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    .close-line {
      position: absolute;
      top: 12px;
      left: 4%;
      font-size: 24px;
      color: #000;
    }
    .update-title {
      width: 100%;
      font-size: 16px;
    }
  }
}
</style>